.banner{
    width: 100%;
    position: relative;
    ol li{
        display: none;
        &.on{
            display: block;
        }
        & img{
            width: 100%;
        }
    }
    span{
    font-size: 50px;
    }
    .left{
        left: 90px;
    }
    .right{
        right: 90px;
    }
    /* 导航圆点按钮 */
    ul {
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        /* background-color: red; */
        width: 115px;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        li{
            width: 12px;
            height: 12px;
            border: 1px solid white;
            border-radius:50%;
        }
        .on{
            background-color: white;
        }
    }
}

/* 首页图片两边箭头 */
.arrow {
    /* 定位垂直居中 */
    position: absolute;
    top:0;
    bottom: 0;
    margin: auto 0;
    width: 60px;
    height: 110px;
    /* 文本类型的水平垂直居中 */
    text-align: center;
    line-height: 110px;
    color: white;
}

/* 箭头阴影效果 */
.arrow:hover {
    background-color: rgba(99, 94, 94, 0.2);
    cursor: pointer;
}